@rem:50rem;

body{
  background: #fff;
  //font-size: 14/@rem;
}
.border{border:1px solid #333;}
.input_border{
  border:1px solid #82b1ff;
}
::-webkit-input-placeholder{
  color: #9cb7f2;
}
.header{
  //.border;
  width: 100%;
  height: 412/2/@rem;
  color: #f00;
  /*background: -webkit-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: -o-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: -moz-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);*/
  background: url("../../../../resources/cgc/images/h_bg.png");
  background-size: 100% 100%;
  overflow: hidden;
  .logo{
    width: 154/2/@rem;
    width: 154/2/@rem;
    margin:48/2/@rem auto 0;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .tit{font-size: 30/2/@rem;color: #fff;text-align: center;margin-top: .1rem;}
  .xian{
    width: 100%;
    height: 240/2/@rem;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.headers{
  //.border;
  width: 100%;
  height: 3.3rem;
  color: #f00;
  /*background: -webkit-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: -o-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: -moz-linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);
  background: linear-gradient(to right, #7ab7f9, #6faaf5, #68a1f2, #5c94ee,#5187e9);*/
  //background: url("../../../../resources/cgc/images/h_bg.png");
  //background-size: 100% 100%;
  overflow: hidden;
  .logo{
    width: 154/2/@rem;
    width: 154/2/@rem;
    margin:70/2/@rem auto 0;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .tit{font-size: 30/2/@rem;color: #fff;text-align: center;margin-top: .1rem;}
  .xian{
    width: 100%;
    height: 240/2/@rem;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.content{
  width: 76%;
  margin:.2rem auto;
  //.border;
  .inputwrap{
    position: relative;
    .mui-input-row{
      margin-bottom: .1rem;
      i{
        position: absolute;
        top:7.5/@rem;
        left:12px;
        color: #497be5;
        font-size: 20/@rem;
      }
      input{
        //border: 1px solid #82b1ff;
        .input_border;
        border-radius: 20px;
        padding: 12px 10px 10px 40/@rem;
        color: #9cb7f2;
        font-size: 14/@rem;
        height: 66/2/@rem;
      }
      .yzm{
        width: 60%;
      }
      .send_yzm{
        width: 37%;
        height: 66/2/@rem;
        line-height: 66/2/@rem;
        .input_border;
        border-radius: 20px;
        text-align: center;
        color: #9cb7f2;
        background: #eaf5ff;
        font-size: 14/@rem;
      }
    }
  }
  .zhuce{
    width: 100%;
    background: #72adf5;
    height: 66/2/@rem;
    line-height: 66/2/@rem;
    text-align: center;
    box-shadow: 2px 3px 5px #c3d5fd;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    margin-top: .2rem;
  }
  .text{
    font-size: 14/@rem;
    color: #9cb7f2;
    text-align: center;
    margin-top: .3rem;
    span{
      color: #f6573d;
      font-size: 14/@rem;
    }
  }
}




